body{
    
    //background-color: #98FB98
    
}
#titulo{
    background-color: #00FF99
}


#idhide{//escondendo o id do cliente/produtor para usar depois
    display:none;
    visibility: hidden;
}


.menu {
      
border:none;
margin: 0;
font: 15px Arial, sans-serif;
}
.menu li {
list-style: none; 
margin: 0;
display: inline;
}
.menu li a {
height:1px; /* IE5.0 bug */
padding: 0.5em; 
margin:0;
border: 1px solid #f00; 
background: #999;
text-decoration: none;
}
.menu li a:link {
color: #fff;
}
.menu li a:visited {
color: #fff;
}
.menu li a:hover {
background: #ccc;
color: #000; 
border-color: #000;
}                
               .form{
                    margin: auto;
                    margin:0 auto; 
                    width:46em; 
                    background: darkgray; 
                    position:relative; 
                    top:1em;
                    border:1px solid #262626;
                    padding: 0.5em
                }
.input{
    font-family: Arial, Verdana;
    font-size: 15px;
    padding: 0.5em;
    border: 1px solid #b9bdc1;
    width: 18em;
    color: #797979;
   
    
    }
    label {
        font-style: italic;
        
    }
    h1{
        text-align: center;
        color: #000;
    }
    
    .message{
    width: 25em;
    height: 10em;      
    }
    .button{
    position:relative; top: 0.5em;
    width: 5.5em;
    height: 4em; 
    }
    
     /*============Estilo das abas===============*/
     
     body{font-family:Calibri, Tahoma, Arial} 
     .TabControl{ width:100%; overflow:hidden; height:100%; padding-top: 0em; }
     .TabControl #header{ width:100%; border: solid 1px; overflow:hidden; 
                          cursor:context-menu;} 
     .TabControl #content{ width:100%; border: solid 1px;overflow:hidden; height:100%;
     } 
     .TabControl .abas{display:inline;} 
     .TabControl .abas li{float:left; list-style: none} 
     .aba{width:100px; height:30px; border:solid 1px; border-radius:5px 5px 0 0; 
         text-align:center; padding-top:5px; background:#3A5FCD} 
     .ativa{width:150px; height:50px; border:solid 1px; border-radius:5px 5px 0 0; text-align:center; padding-top:5px; background:#27408B;} 
     .aba :hover{width:100px; height:30px; border:solid 1px; border-radius:5px 5px 0 0; text-align:center; padding-top:5px; background:#27408B;}
     
     .ativa span, .selected span{color:#fff} 
     .TabControl #content{background:#27408B} 
     .TabControl .conteudo{width:100%; background:#27408B; display: none; 
              height:800px;color:#fff} 
     .selected{width:100px; height:30px; border:solid 1px; border-radius:5px 5px 0 0; 
              text-align:center; padding-top:5px; background:#27408B}
     
     .frame_aba{
          width:100%; background:#27408B; display: block; 
              height:100%;color:#fff
     }


     //Estilo das Tabelas
#tabela {border-collapse:collapse; width:100%;
      
}

table,th, td{border: 2px dashed #1E90FF;}

th {
  background:#1E90FF;
  color: white;
  height:30px;
  vertical-align:bottom;
  }

td {text-align:center;}
.par {background:#CAE1FF;}
    